<style type="text/css"> 
body {
	font-family: Arial, "Arial", Times, serif;
	font-size: 0.8em;
}

</style>

<script type="text/javascript">
function ccheck()
{
name=document.f1.name.value;
pass=document.f1.pass.value;

if(name=="" || name==null)
{
alert("Enter your Username");
document.f1.name.focus();
return false;
}
if(pass=="" || pass==null)
{
alert("Enter your Password");
document.f1.pass.focus();
return false;
}
return true;
}
</script>
<body onload="document.f1.name.focus()">
<h2>LOGIN PAGE </h2>

<form id="f1" name="f1" action="login"  method="post" onsubmit="return ccheck()">
<table>
<tr>
<td><b>Username</b></td>
<td><input style="margin-left: 20px" name="name" type="text"/></td>
</tr>
<tr>
<td><b>Password</b></td>
<td><input style="margin-left: 20px" name="pass" type="password"/></td>
</tr>
<tr>
<td><input type="submit" value="Submit" /> </td>
<td><input type="reset" value="Reset" /></td>
</tr>
</table>
</form>